<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>国美在线--我的购物车</title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/h_b_c.css" />
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/buy_steps.css" />
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/cart.css" />
		<!--我的购物车js 开始-->
		<script src="./Public/Home/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./Public/Home/js/cart.js" type="text/javascript" charset="utf-8"></script>
		<!--我的购物车js 结束-->
	</head>
	<!--登录后的    购物车页面-->
	<body class="cart w990 havecount">
		{{include file="VIEW_PATH/Common/header_c.php"}}
		<!--nMain start-->
		<div class="nMain">
			<!-- 顶部logo，当前订单阶段 -->
			<div class="nTop clearfix">
				<h1 class="logo">
					<a target="_blank" title="国美在线" href="index.php">
						<img src="./Public/Home/images/gome-logoico.png">
					</a>
				</h1>
				<ul class="steps nLowLeight">
					<li class="last">
						<b>3</b><em class="f">成功提交订单</em>
					</li>
					<li class="">
						<b>2</b><span class="going"></span><em class="f">填写核对订单信息</em>
					</li>
					<li class="first prev cur">
						<b>1</b><span class="going"></span><em class="f">我的购物车</em>
					</li>
				</ul>
			</div>
			<!--顶部logo end-->
			<!--购物车内容 start-->
			<div class="w2 cart">
				<div class="cart-hd group">
					<h2>我的购物车</h2>
				</div>
				<div id="show">
					{{if value="isset($cartData)"}}
					<div class="cart-inner">
						<!--表头单元格 开始-->
						<div class="cart-thead clearfix">
							<!--第1列 开始-->
							<div class="column t-checkbox form1">
								<!--切换toggle  复选框checkbox-->
								<input type="checkbox" class="btnCheckAll" name="toggle-checkboxes" checked />
								<label>全选</label>
							</div>
							<!--第2列 开始-->
							<div class="column t-goods">商品</div>
							<!--第3列 开始-->
							<div class="column t-price">单价（元）</div>
							<!--第4列 开始-->
							<div class="column t-quantity">数量</div>
							<!--第5列 开始-->
							<div class="column t-inventorv">
								<!--小计-->
								</div>
							<!--第6列 开始-->
							<div class="column t-action">操作</div>
						</div>
						<!--表头单元格 结束-->
						<!--循环开始 类似table里的tr 开始-->
						{{foreach from="$cartData" key="$k" value="$v"}}
						<div id="sid{{$k}}" class="cart-tbody">
							<div class="item-meet meet-give">
								<div class="item item_selected  item-last">
									<div class="item_form clearfix">
										<!--第1列 开始-->
										<div class="cell p-checkbox">
											<input type="checkbox" sid="{{$k}}" class="checkbox" name="boxs" checked="checked" />
										</div>
										<!--第1列 结束-->
										<!--第2列 商品 开始-->
										<div class="cell p-goods">
											<div class="p-img">
												<a href="" target="_blank">
													<img src="{{$v['options']['pic']}}" width="50" height="50">
												</a>
											</div>
											<div class="p-name">
												{{if value="isset($v['cid'])"}}
												<a href="{{U('Detail/index',array('cate_id'=>$v['cid'],'goods_id'=>$v['id']))}}" target="_blank">
												{{else}}
												<a href="{{U('Detail/index',array('goods_id'=>$v['id']))}}" target="_blank">
												{{endif}}
													<span class="promise411">{{$v['name']}}</span>
												</a>
												<div class="sku-line">
													<p>颜色分类：{{$v['options']['color']}}</p>
													<p>尺码：{{$v['options']['size']}}</p>
												</div>
											</div>
										</div>
										<!--第2列 商品 结束-->
										<!--第3列 单价（元）  开始-->
										<div class="cell p-price">
											<p>{{$v['options']['mprice']}}</p>
											<strong class="preferential">{{$v['price']}}</strong>
										</div>
										<!--第3列 单价（元） 结束-->
										<!--第4列 数量 开始-->
										<div class="cell p-quantity">
											<div class="quantity-form">
												<a class="subtract" href="javascript:void(0)">
													<span class="decrement">-</span>
												</a>
												<!--类名叫quantity-text 的input里面显示的数字。他的变化  点击 - or + 操作商品数目的变化 -->
												<input type="text" class="quantity-text" name="{{$v['id']}}"  value="{{$v['num']}}" />
												<a class="subtract" href="javascript:void(0)">
													<span class="decrement">+</span>
												</a>
											</div>
										</div>
										<!--第4列 数量  结束-->
										<!--第5列 小计  开始-->
										<div class="cell p-subTotal">
											<!--<strong>{{$v['subTotal']}}</strong>-->
										</div>
										<!--第5列 小计 结束-->
										<!--第6列 操作 开始-->
										<div class="cell p-remove  col-2">
											<a href="javascript:void(0)" sid="{{$k}}" class="cart-remove">
												删除
											</a>
										</div>
										<!--第6列 操作 结束-->
									</div>
								</div>
							</div>
						</div>
						{{endforeach}}
						<!--循环结束 类似table里的tr 结束-->
						<!--总计 去结算 开始-->
						<div id="htmlTotal">
							
							<div class="cart-toolbar clearfix">
								<div class="total fr">
									<!--方法1 直接 echo 输出 购物车类里的方法 即可-->
									<!--<p> <?php echo Cart::getTotalPrice();  ?></p>-->
									<!--方法2 js计算-->
									<p>  总计：<span id="totalSkuPrice" style="color:#E4393C;"> </span></p>
								</div>
								<div class="amout fr">
									<span id="selectedCount"></span>件商品
								</div>
							</div>
							
							<div class="ui-ceilinglamp-1" style="width:988px;height:49px">
								<div class="cart-dibu" style="width:988px;height:49px">
									<div class="control fdibu">
										<span class="column t-checkbox form1">
											<input type="checkbox" class="btnCheckAll cartCheckbox" name="btnCheckAll_down" checked="checked"/>
											<label>全选</label>
										</span>
										<span class="delete">
											<a id="remove-batch" href="javascript:void(0)">删除选中的商品</a>
										</span>
										<span class="doshopping">
											<a href="{{U('Index/index')}}" target="_blank" id="continue">继续购物</a>
										</span>
									</div>
									<div class="cart-total-Box">
										<div class="cart-button">
											<a class="checkout" id="cartMessage" href="javascript:void(0)">去结算</a>
										</div>
										<div class="total fr">总计（不含运费）：<span id="finalPrice"></span></div>
									</div>
								</div>
							</div>
						</div>
						<!--总计 去结算 结束-->
					</div>
					{{else}}
					<!--购物车没商品时显示 start-->
					<div class="cart-empty">
						<div class="message">
							<p>购物车内暂时没有商品，您可以<a href="{{U('Index/index')}}" target="_blank">去首页</a>挑选喜欢的商品</p>
						</div>
					</div>
					<!--购物车没商品时显示 end-->
					{{endif}}
				</div>
			</div>
			<!--购物车内容 end-->
		</div>
		
		
		<div id="deleteBackground" class="thickdiv hide" style="width: 100%; height: 980px;"></div>
		<div class="thickbox hide" style="left: 499.5px; top: 250px; width: 412px; height: 503px;">
			<!--===========删除商品弹框 start==============-->
			<div class="thickwrap hide" id="deleteCartGoods" style="width: 340px;">
				<div id="" class="thicktitle" style="width:320">
					<span>删除商品</span>
				</div>
				<div class="thickcon" style="width: 320px; height: 100px; padding-left: 10px; padding-right: 10px;">
					<div class="m flexbox">
						<div class="mc">
							<div class="tip-box icon-box">
								<span class="warn-icon m-icon"></span>
								<div class="item-fore">
									<h3 class="ftx04"></h3>
									<div class="op-btns">
										<a id="btnRemoveConfirm" gid="" class="btn-9" href="javascript:void(0);">确定</a>
										<a id="cancelRemoveConfirm" class="btn-9 ml10" href="javascript:void(0);">取消</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<a class="thickclose" href="#">×</a>
			</div>
		</div>
		
		<!--模态框 开始-->
		<div id="alertDiv" style="display:none" class="dailogboxbg">
		    <div class="alert22">
		        <h4><span>Tips</span><span id="close22" onclick="closeMe();">&nbsp;&nbsp;&nbsp;&nbsp;</span></h4>
		        <p>没有商品，请添加商品！</p>
		        <p>
		            <input type="button" value="关闭" class="sub" onclick="closeMe();"/>
		        </p>
		    </div>
		</div>
		<!--模态框 结束-->
		
		<!--nMain end-->
		{{include file="VIEW_PATH/Common/footer_s.php"}}
	</body>
</html>
